@default-border-color: #eee;
@default-background-color: #fff;
@default-font-size: 12px;
@default-font-table-color: rgba(0, 0, 0, 0.65);
@default-font-table-header-color: #999;

:global {
  .yellow-button {
    color: #fff;
    background: #faad13;
    border-color: #faad13;

    &:hover,
    &:focus {
      color: #fff;
      border-color: #faad13b0;
      background: #faad13b0;
    }
  }

  .red-button {
    color: #fff;
    background: rgba(245, 33, 45, 1);
    border-color: rgba(245, 33, 45, 1);

    &:hover,
    &:focus {
      color: #fff;
      border-color: rgba(255, 0, 13, 0.645);
      background: rgba(255, 0, 13, 0.645);
    }
  }
}

.baseTableStyle {
  font-size: @default-font-size !important;

  :global {
    .BaseTable__table-frozen-left {
      box-shadow: 0 0 0 transparent;
    }

    .BaseTable__header-row {
      color: @default-font-table-header-color;
      font-weight: normal;
    }

    .BaseTable__header-cell {
      justify-content: center;
      color: @default-font-table-header-color;
      font-weight: normal;
      line-height: 30px;
      // line-height: 1;
      text-align: center;
      border-right: solid 1px @default-border-color;
    }

    .ant-statistic-content {
      color: @default-font-table-color;
    }

    .BaseTable__row-cell {
      // justify-content: center;
      border-right: 1px solid @default-border-color;
    }

    .BaseTable__row-cell:first-child {
      justify-content: inherit;
      border-right: 1px solid @default-border-color;
    }
  }

  .treeRowContainer {
    display: flex;
    justify-content: space-between;
    width: 100%;

    .iconStyles {
      display: flex;
    }
  }
}
